<!DOCTYPE html>
<!--把html 的名称空间，改成：xmlns:th="http://www.thymeleaf.org" 会有语法提示-->
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:easyui="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>按钮图标控件</title>
    <script type="text/javascript" src="../../static/easyui/boot.js" th:src="@{/static/easyui/boot.js}"></script>
</head>
<body class="easyui-layout">
<h5>按钮图标控件</h5>
<easyui:button label="新增" vtype="add" name="butAdd" onclick="add()"/>
<easyui:button label="编辑" vtype="edit" name="butEdit" onclick="edit()"/>
<easyui:button label="删除" vtype="del" name="butDel"/>
<easyui:button label="查询" vtype="search" name="butSearch"/>
<easyui:button label="重置" vtype="reset" name="butReset"/>
<easyui:button label="刷新" vtype="reload" name="butreload"/>
<easyui:button label="上传" vtype="upload" name="upload"/>
<easyui:button label="下载" vtype="download" name="download"/>
<easyui:button label="保存" vtype="save" name="save"/>
<easyui:button label="关闭" vtype="close" name="close"/>
</div>

</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {});
    function add() {
        showAlert("信息","我触发了add事件","info");
    }
</script>